<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

</head>
<body>

<div id="app">
  输入的文本：<input type="text" v-model="message">{{message}}
  <textarea name="" id="" cols="30" rows="10" v-model="message"></textarea>
  <input type="radio" name="sex" value="男" v-bind:checked="checked">男
  <input type="radio" name="sex" value="女" v-bind:checked="!checked">女


  <!--name是唯一标识符，把value值传给v-model绑定的人-->
  <input type="radio" name="sex" value="男" v-model="message">男
  <input type="radio" name="sex" value="女" v-model="message">女
  <h1>{{message}}</h1>

  <!--select，把option值传给v-model绑定的人-->
  <select v-model="message">
    <option value="" disabled>--请选择--</option>
    <option>A</option>
    <option>B</option>
    <option>C</option>
  </select>
</div>

<!--cdn-->
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script>
  var vm = new Vue({
    el: "#app",
    data: {
      message: "hi",
      checked: true,
      items: [
        {message: "jackenLeu"},
        {message: "jackenLeu1"},
      ]
    },
    methods: {
      sayHi: function () {
        alert(this.message)
      }
    }
  });
</script>
</body>
</html>